<template>
    <div class="searchList">
            <div class="list">
                <p class="name">{{listData.number}}</p>
                <p class="number">{{listData.machine}}</p>
                <p class="choseSta" @click="chosed(listData.id)">
                    <span class="iconfont icondanxuankuang" v-if="!isCheck"></span>
                    <span class="iconfont iconxuanzhong" v-else></span>
                </p>  
            </div>
    </div>
</template>

<script>
import store from "../store"
export default {
    components:{
    },
    props:["listData"],
    data(){
        return{
            isCheck:false,
            choseListId:[],
        }
    },
    mounted(){},
    methods:{
        chosed(id){
            this.isCheck = !this.isCheck;
        },
    },
}
</script>

<style scoped>
.listBox{
    background-color: white;
}
.list{
    width: 92%;
    display: flex;
    height: 90rpx;
    line-height: 90rpx;
    margin: 0 30rpx;
    background-color: white;
    border-bottom: 1px #DADADAFF solid;
}
.list p{
    flex: 1;
    color: #333333FF;
    font-size: 28rpx;
}

.number{
    text-align: center;
}
.choseSta{
    text-align: right;
}
.choseSta span{
    font-size: 52rpx;
}
</style>


